@charset "utf-8";
/* CSS Document */

/*reset*/
/* 清除内外边距 */
*{
    margin: 0;
    padding: 0;
}
body{ min-width:1080px;}
/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
	/*font-family:Microsoft YaHei,Helvetica,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;*/
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; cursor: pointer }
a:hover { text-decoration: none; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}
*{
    font-family:Microsoft YaHei;
}
q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }


.clear{ clear:both;}

/*顶部*/
#top{ width:100%; height:106px; background:#FEFEFE;}
#top-content{ width:1080px; height:100%; margin:0 auto;}
#top-content-left{ float:left; width:500px; height:100%;}
#top-content-right{ float:right; width:270px; height:100%;}

#top-logo{ float:left; width:105px; height:105px;}
#top-logo img{ width:100%; height:100%;}
#top-logo-text{ float:left; width:370px; height:100%; margin-left:10px;}
#top-logo-text-p1{ font-size:22px; margin-top:30px; font-weight:bold; text-align:center;}
#top-logo-text-p2{ font-size:14px; margin-top:0px; color:#FAB929; letter-spacing:1px; text-align:center; line-height:30px; font-weight:bold;}

#top-right-t{ width:210px; height:40px; float:right;}
#top-right-t a{ line-height:40px; color:#4D4D4D; margin-left:10px;}
.border-r{ padding-right:10px;}
#top-right-b{ float:right; width:280px; height:50px;}
#top-right-b-text{ float:left; width:100px; height:20px; line-height:20px; color:#4D4D4D; margin-top:10px;}
#top-right-b-text p{ line-height:20px; color:#4D4D4D;}
#top-right-b-tel{ float:left; width:180px; height:100%}
#top-right-b-tel p{ font-size:14px; margin-top:0px; color:#FAB929; letter-spacing:1px; line-height:24px;}


/*导航*/
#nav{ width:100%; height:550px; background:url(banner-bg-3.jpg) no-repeat center center;background-size:cover;}
#nav-content{ width:1080px; height:100%; margin:0 auto;}

#nav-top{ border-bottom:4px solid #00396D; width:1080px; height:54px; background-color:#00498B;}
#nav-shouye{ float:left; width:110px; height:20px; margin-top:18px; margin-left:12px; background:url(shouye-tip.jpg) no-repeat left; text-align:right;}
#nav-shouye a{ font-size:14px; color:#FFF; line-height:18px;}
#nav-top ul{ float:left; margin-left:40px; width:850px; height:100%;}
#nav-top ul li{ float:left; margin-top:10px; margin-left:26px;}
#nav-top ul li a{ color:#FFF;}
.nav-top-li-p1{ font-size:14px; padding-right:20px; border-right:1px dotted #739DC3;}
.nav-top-li-p2{ font-size:10px; line-height:24px;}

#nav-mid{ width:620px; height:410px; margin:0 auto; margin-top:20px; background:url(banner-img-1.png) no-repeat center;}

#nav-bottom{ width:1080px; height:42px; margin:0 auto; margin-top:20px; background-color:#00498B;}

#nav-bottom-l{ float:left; width:700px; height:100%; background-color:#EBEBEB;}
#tzxx-left{ float:left; width:540px; height:100%; margin-left:40px; overflow:hidden;}
#tzxx-left ul{ width:100%; height:120px; position:relative;}
#tzxx-left ul li{ width:100%; height:40px; list-style:url(tongzhi.png); margin-left:20px;}
#tzxx-left ul li a{ font-size:12px; color:#666666; line-height:40px;}


#tzxx-right{ float:right; width:80px; height:100%;}
#tzxx-right a{ float:left; border:1px solid #CECECE; display:block; width:18px; height:18px; margin-top:10px; margin-left:10px;}


#nav-bottom-r{ float:right; width:360px; height:100%;}
#find-img{ float:right; width:42px; height:42px;}
#find-img img{ width:100%; height:100%;}
#find-input{ float:right; border:none; width:300px; height:40px; line-height:40px; font-size:14px; background-color:#00498B; color:#FFF; padding-right:10px;}




/*产品*/

#products{ width:100%;}
#products-content{ width:1080px; height:100%; margin:0 auto;}
#products-title{ width:1080px; height:70px; background:url(products-title.jpg) no-repeat center; margin-top:40px;}
#products-title p{ font-size:23px; color:#00498B; position:relative; top:46px; text-align:center;}

#products-main{ width:1080px;  margin-top:34px;}
#products-main-left{ float:left; width:250px; min-height:550px;}
#products-main-right{ float:right; width:770px; height:100%;}
#products-pic-top{ width:100%; height:40px;}
#products-pic-top p{ font-size:15px; line-height:40px; color:#666;}
#products-pic-top p span{ color:#00498B;}
#products-pic-top p a{ color:#666; float:right; margin-right:20px;}
#products-pic-top p a:hover{ text-decoration:underline;}

.products-left-ul-li{ margin-bottom:20px;}
.products-left-ul-li a{ display:block; background-color:#EEEEEE; line-height:35px; width:200px; font-size:14px; padding-left:35px; font-weight:bold; color:#000; border-radius:16px;}
.products-left-ul-li:first-child .yjcd-a{ background-color:#00498B; color:#FFF;}
.products-left-ul-li .yjcd-a{ background-color:#00498B; color:#FFF;}


.products-left-ul-li a:hover{ background-color:#FFA904;}
.products-left-ul-li a:hover{ color:#FFF;}


.erjicd-li a{ display:block; border-bottom:1px dotted #CFCECE; width:200px; padding-left:35px; color:#4D4D4D; line-height:30px; background-color:#FFF; font-weight:100; }
.erjicd-li a:hover{ background-color:#FFF; color:#000; font-weight:bold;}

.displaynone{ display:none;}
.displayblock{ display:block;}

#products-main-right ul li{ float:left; margin-top:10px; margin-right:14px;}
.products-div1{ border:1px solid #DFDFDF; width:176px; height:120px;}
.products-div1 img{ width:100%; height:100%;}
.products-div2{ width:176px; height:40px;}
.products-div2 p{ line-height:40px; font-size:14px; color:#333; text-align:center; }
.products-div2 p a{ color:#333;}



/*关于我们*/
#aboutus{ width:100%; height:370px; max-width:100%;background-color:#F1F1F1;}
#aboutus:after {
	content: ".";     
	display: block;   
	clear: both;   
	visibility: hidden;     
	line-height: 0;    
	height: 0;    
	font-size:0;  
}
#aboutus-content{ width:1080px; height:100%; margin:0 auto;}
#aboutus-leftimg{ float:left; width:436px; height:260px; margin-top:58px;}
#aboutus-leftimg img{ width:100%; height:100%;}
#aboutus-righttext{ float:left; width:500px; height:270px; margin-top:58px; margin-left:40px;}
#aboutus-righttext-p1{ font-size:45px; color:#00498B;}
#aboutus-righttext-p2{ font-size:24px; color:#00498B;}
#aboutus-righttext-p3{ font-size:16px; color:#232323; margin-top:30px;}
#aboutus-righttext-p4{ font-size:14px; color:#666; line-height:26px; margin-top:10px;}
#aboutus-righttext a{ display:block; border:2px solid #FDC358; width:104px; height:26px; color:#666; text-align:center; line-height:26px; margin-top:20px;}



/*案例和留言两大块*/

#twopart{/* border:1px solid #DFDFDF;*/ width:100%; height:1000px;}

	/*案例*/
#case{ width:100%; height:720px; }
#case-content{ border:1px solid #FFF; width:1080px; height:100%; margin:0 auto;}
#case-title{ width:1080px; height:40px; background:url(case-title.png) no-repeat center; margin-top:56px;}
#case-title-mid{ width:280px; height:40px; margin:0 auto;}

.case-title-case{ border:1px solid #E49600; float:left; width:136px; height:40px; background-color:#FAB929; text-align:center; line-height:40px; font-size:15px; color:#FFF; cursor:pointer;}
.case-title-honor{ border:1px solid #E49600; float:left; width:136px; height:40px; background-color:#FAB929; text-align:center; line-height:40px; font-size:15px; color:#FFF; cursor:pointer;}
.nowchoose{ border:1px solid #003667; background-color:#00498B;}




#case-main{ width:100%; height:260px; margin-top:40px;}
#case-main-t{ width:100%; height:200px; overflow:hidden;}

		/*工程案例div内容*/
#case-case{ width:100%; height:100%;}
#case-case ul li{ float:left; width:240px; height:186px; margin-left:22px;}
#case-case-img{ width:100%; height:100%;}
#case-case-img img{ width:100%; height:100%; z-index:-1;}
#case-case-text{ width:240px; height:30px; position:absolute; margin-top:-30px; background-color:#000; opacity:0.8; color:#FFF; text-align:center; overflow:hidden;}
#case-case-text a{ font-size:14px; color:#FFF; line-height:30px;}



		/*荣誉资质div内容*/
#case-honor{ width:100%; height:100%;}
#case-honor ul li{ float:left; width:138px; height:186px; margin-left:22px;}
#case-honor-img{ width:100%; height:100%;}
#case-honor-img img{ width:100%; height:100%; z-index:-1;}
#case-honor-text{ width:138px; height:30px; position:absolute; margin-top:-30px; background-color:#000; opacity:0.8; color:#FFF; text-align:center; overflow:hidden;}
#case-honor-text a{ font-size:14px; color:#FFF; line-height:30px;}



.divhiden{ display:none;}
#case-main-b{ width:340px; height:50px; margin:0 auto; margin-top:2px;}
.case-main-b-divo{ float:left; border:1px solid #767676; width:28px; height:28px; border-radius:28px; text-align:center; line-height:26px; font-size:18px; color:#666666; margin-right:26px; margin-left:26px; margin-top:10px;}
.case-main-b-divo a{ display:block; color:#767676;}


.case-main-b-divf{ float:left; width:68px; height:8px; border:1px solid #E1E1E1; background:#FFF; margin-top:20px; cursor:pointer;}
.mr20{ margin-right:20px;}

.divf-nowchoose{ border-color:#767676; background-color:#767676;}


#news{ width:630px; height:280px; margin-top:20px;}
#news-top{ width:100%; height:40px;}

#news-title{ float:left; width:140px; height:40px; line-height:40px; font-size:15px; color:#FFF; background-color:#00498B; text-align:center;}
#news-more{ float:right; line-height:40px; color:#565656; margin-right:20px; margin-top:8px;}
#news-more a{ color:#565656;}

#news-bottom{ width:100%; height:200px; margin-top:32px;}
#news-img{ float:left; width:276px; height:200px;}
#news-img img{ width:100%; height:100%;}
#news-text{ float:left; margin-left:14px; width:330px; height:100%;}
#news-text ul li{ width:300px; height:40px; background:url(jiantou-black.png) no-repeat left; line-height:40px;}
#news-text ul li p{ margin-left:20px; font-size:14px; width:100%; height:100%; overflow:hidden;}
#news-text ul li a{ color:#4D4D4D;}


#technical{ width:280px; height:450px; position:absolute; margin-left:700px; margin-top:20px; padding:30px; background-color:#F0F1F3;}
.technical-p1{ font-size:16px; line-height:20px; font-weight:bold;}
.technical-img{ width:274px; height:120px; margin-top:26px; overflow:hidden;}

.technical-img-ul{ height:100%; width:824px; position:relative;}
.technical-img-ul-li{ float:left; width:274px; height:100%;}
.technical-img-ul-li img{ width:100%; height:100%;}



.technical-landr{ width:274px; height:22px;}
.technical-r{ float:right; width:30px; height:22px; background-color:#B8B8B8; text-align:center; line-height:18px; font-size:18px; color:#FFF; cursor:pointer;}
.technical-r:hover{ background-color:#FAB929;}
.technical-l{ float:right; width:30px; height:22px; background-color:#B8B8B8; text-align:center; line-height:18px; font-size:18px; color:#FFF; cursor:pointer; margin-right:10px;}
.technical-l:hover{ background-color:#FAB929;}

.technical-p2{ font-size:14px; line-height:20px; margin-top:20px; color:#00498B;}
.technical-p3{ font-size:14px; color:#7A7A7A; margin-top:20px; width:280px; height:40px; line-height:20px; overflow:hidden;}

.link{ width:100%; height:30px; margin-top:36px;}
.link img{ float:left;}
.link a{ display:block; float:left; color:#4D4D4D; font-size:13px; margin-top:14px; margin-left:4px;}

#technical-ul{ width:310px; height:80px; margin-top:10px;}
#technical-ul li{ float:left; margin-right:30px;}
#technical-ul li a{ line-height:40px; font-size:14px; color:#555555;}


	/*留言*/
#message{ width:100%; height:280px; background-color:#00498B;}
#message-content{ border:1px solid #00498B; width:1080px; height:100%; margin:0 auto;}

#message-main{ width:630px; height:230px; margin-top:30px;}
#message-main-top{ height:40px;}
#message-main-top-img{ float:left;}
#message-main-top a{ display:inline-block; font-size:13px; color:#FFF; margin-top:15px; margin-left:2px;}

#message-main-mid{ height:120px; margin-top:20px;}
#message-input-l{ float:left; width:236px; height:100%;}
#message-input-l input{ width:236px; height:36px; border:none; margin-bottom:28px; line-height:36px; font-size:14px; padding-left:10px;}

#message-input-r{ float:right; width:360px; height:100%;}
#message-input-r textarea{ resize:none; width:360px; height:100px; border:none; font-size:14px; line-height:20px;}

#message-main-bottom{ height:30px;}
#message-main-bottom input{ float:right; margin-left:20px; border:none; width:80px; height:26px; line-height:26px; text-align:center; font-size:16px; color:#FFF; background-color:#0086FF; cursor:pointer;}
#message-main-bottom input:hover{ background-color:#FAB929;}

.inputcolor{ color:#999;}







/*footer*/
#footer{ width:100%; height:276px; background-color:#003A6E; padding-bottom:20px; max-width:100%}
#footer-top{ width:100%; height:50px; border-bottom:1px solid #004787;}
#footer-top-menu{ width:1080px; max-width:1080px;height:100%; margin:0 auto; text-align:center;}
#footer-top-menu ul{ display:inline-block;}
#footer-top-menu ul li{ float:left; margin-left:60px;}
#footer-top-menu ul li:first-child{ margin-left:0px;}
#footer-top-menu ul li a{ color:#FFF; font-size:14px; line-height:50px;}

#footer-bottom{ width:100%; height:220px; border-top:1px solid #002F59;}
#footer-bottom-content{ width:1080px; height:100%; margin:0 auto;}

#footer-bottom-l{ float:left; width:210px; height:130px; margin-top:46px; margin-left:4px;}

#footer-bottom-m{ float:left; width:440px; height:140px; margin-top:20px; margin-left:120px;}
#footer-bottom-m p{ font-size:14px; color:#FFF; line-height:28px;}

#footer-bottom-r{ border-left:1px solid #002F59; float:right; width:180px; height:140px; margin-top:46px; margin-right:4px;}
#footer-bottom-r-erweima{ float:right; width:106px; height:106px;}
#footer-bottom-r-erweima img{ width:100%; height:100%;}
#footer-bottom-r-text{ float:right; width:106px; height:30px; text-align:center; color:#FFF; font-size:14px; line-height:30px;}

/*newquery*/
#newsqery{ width:100%; margin-top:30px; display:inline-block; margin-bottom:20px;}
#newsqery-content{ width:1080px; height:100%; margin:0 auto;}

#newsqery-left{ float:left; width:280px; height:100%; margin-bottom:20px;}
#newsqery-left-title{ width:240px; height:50px; background-color:#0872C0; margin:0 auto; overflow:hidden;}
#newsqery-left-title p{ font-size:20px; line-height:50px; text-align:center; color:#FFF; font-weight:bold;}
#newsqery-left-ul{ width:200px; margin:0 auto; padding-bottom:20px; margin-top:10px;}
#newsqery-left-ul li{ border-bottom:1px solid #CFCECE; text-align:center; padding-top:6px; padding-bottom:6px;}
#newsqery-left-ul li:hover{ background-color:#FFA904; border-radius:6px;}
#newsqery-left-ul li a{ display:block; font-size:16px; color:#4D4D4D; line-height:24px;}
#newsqery-left-ul li a:hover{ color:#FFF;}
.newqyery-left-menu{ background-color:#FFA904; border-radius:6px;}
.newqyery-left-menu a{ color:#FFF;}

#newsquerylxwm{ width:240px; margin:0 auto;}
#newsquerylxwm-title{ width:100%; height:100px; background:url(lxwm-img-1.jpg) no-repeat left;}
#newsquerylxwm-main{ width:100%; margin-top:10px;}
.newsquerylxwm-main-div{ display:inline-block; font-size:14px; line-height:30px; color:#666;}
.newsquerylxwm-main-div span{ float:left; display:block; width:60px;}
.newsquerylxwm-main-div p{ float:left; width:170px;}


#newsqery-right{ float:right; width:750px; height:auto; margin-right:20px;}
#nowplace{ border-bottom:1px solid #CBCBCB; width:100%; height:40px;}
#nowplace-left{ float:left; border-bottom:4px solid #0872C0; height:100%; width:220px; overflow:hidden;}
#nowplace-left span{ font-size:16px; font-weight:bold; line-height:40px; color:#0872C0;}

#nowplace-right{ float:right; width:500px; height:40px; overflow:hidden;}
#nowplace-right p{ text-align:right; line-height:40px; margin-right:20px; color:#555;}
#nowplace-right p a{ color:#555;}
#nowplace-right p a:hover{ color:#F00; text-decoration:underline;}
#nowplace-right p span{ font-size:14px; color:#000; font-weight:bold;}